<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>玩游戏网</title>
    <link rel="stylesheet" href="./lib/normalize.css">
    <link rel="stylesheet" href="./js/flexible_css.debug.js">
    <link rel="stylesheet" href="./js/flexible.debug.js">
    <link rel="stylesheet" href="./css/index-2.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="head">
            <a href="">
                <img src="./image/logo-2.png" alt="">
            </a>
            <div class="input">
                <input type="text" placeholder="大家都在搜：皇室战争">
                <button></button>
            </div class="input">
            <div class="menu"></div>
        </div>

    </header>
    <div class="carousel">
        <ul>
            <li><a href=""><img src="./upload/carousel-1.png" alt=""></a></li>
            <li><a href=""><img src="./upload/carousel-2.jpg" alt=""></a></li>
            <li><a href=""><img src="./upload/carousel-3.jpg" alt=""></a></li>
            <li><a href=""><img src="./upload/carousel-4.jpg" alt=""></a></li>
            <li><a href=""><img src="./upload/carousel-5.jpg" alt=""></a></li>
        </ul>
    </div>
    <div class="sort">
        <ul>
            <li><a href=""><span>单机</span></a></li>
            <li><a href=""><span>网游</span></a></li>
            <li><a href=""><span>应用</span></a></li>
            <li><a href=""><span>攻略</span></a></li>
            <li><a href=""><span>专区</span></a></li>
            <li><a href=""><span>教程</span></a></li>
            <li><a href=""><span>资讯</span></a></li>
            <li><a href=""><span>中文</span></a></li>
            <li><a href=""><span>破解</span></a></li>
            <li><a href=""><span>礼包</span></a></li>
        </ul>
    </div>
    <div class="hot">
        <div class="hot-title">
            <h3>热门推荐</h3>
        </div>
        <div class="hot-list">
            <ul>
                <li>
                    <a href="">
                        <img src="./image/hot-1.jpg" alt="">
                        <p>王者荣耀</p>
                        <span>下载</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hot-2.jpg" alt="">
                        <p>传奇纪元</p>
                        <span>下载</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hot-3.png" alt="">
                        <p>龙珠z超神</p>
                        <span>下载</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hot-4.png" alt="">
                        <p>末日沙城</p>
                        <span>下载</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hot-5.png" alt="">
                        <p>三海异闻</p>
                        <span>下载</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hot-6.jpg" alt="">
                        <p>永恒纪</p>
                        <span>下载</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hot-7.png" alt="">
                        <p>大话西游</p>
                        <span>下载</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hot-8.jpg" alt="">
                        <p>阿瓦隆之王ageawg</p>
                        <span>下载</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="bor">
        <div class="bor-one">
            <img src="./image/bor-1.jpg" alt="">
            <h3>武神镇</h3>
            <div><span>策略</span><span>37.10MB</span></div>
            <p>一骑御统十四州</p>
        </div>
        <div class="bor-one">
            <img src="./image/bor-2.png" alt="">
            <h3>烈火三国</h3>
            <div><span>角色</span><span>145.31MB</span></div>
            <p>合纵连横，玩法多样</p>
        </div>
        <div class="bor-one">
            <img src="./image/bor-3.jpg" alt="">
            <h3>皇城战</h3>
            <div><span>角色</span><span>29MB</span></div>
            <p>不朽的永恒经典的场景、史诗的酷炫无比的特效</p>
        </div>
    </div>
    <!-- 火爆手游 -->
    <div class="hot hot-two">
        <div class="hot-title">
            <h3>热爆手游</h3>
        </div>
        <div class="hot-list">
            <ul>
                <li>
                    <a href="">
                        <img src="./image/hbsy-1.jpeg" alt="">
                        <p>屠龙霸主：裁决</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hbsy-2.png" alt="">
                        <p>新书剑江湖</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hbsy-3.png" alt="">
                        <p>全民斗西游</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hbsy-4.jpg" alt="">
                        <p>驱灵师</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hbsy-5.jpg" alt="">
                        <p>神将降魔</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hbsy-6.png" alt="">
                        <p>战神：屠龙战歌</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hbsy-7.jpeg" alt="">
                        <p>龙族幻想</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/hbsy-8.jpg" alt="">
                        <p>可乐三国</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="hot hot-two">
        <div class="hot-title">
            <h3>优秀单机</h3>
        </div>
        <div class="hot-list">
            <ul>
                <li>
                    <a href="">
                        <img src="./image/dj-1.png" alt="">
                        <p>三国志2019</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/dj-2.jpg" alt="">
                        <p>元气骑士</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/dj-3.png" alt="">
                        <p>拉结尔</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/dj-4.jpg" alt="">
                        <p>铁血阵地</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/dj-5.png" alt="">
                        <p>刺客信条：本色</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/dj-6.jpg" alt="">
                        <p>妖怪金手指</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/dj-7.png" alt="">
                        <p>跨越星弧</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/dj-8.png" alt="">
                        <p>恋世界</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="shouyou">
        <div class="hot-title">
            <div class="hot-title-left">
                <h3>手游专区</h3>
            </div>
            <div class="hot-title-right">
                <span>专题</span>
                <span>系列</span>
            </div>
        </div>
        <div class="zhuanqu">
            <ul>
                <li>
                    <a href="">
                        <img src="./image/zhuanqu-1.jpg" alt="">
                        <p>新笑傲江湖 专区</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/zhuanqu-2.jpg" alt="">
                        <p>通神 专区</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/zhuanqu-3.jpg" alt="">
                        <p>秘境寻宝英雄 专区</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/zhuanqu-4.jpg" alt="">
                        <p>家庭教师 专区</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/zhuanqu-5.jpg" alt="">
                        <p>狼烟四起 专区</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./image/zhuanqu-6.jpg" alt="">
                        <p>灌篮高手手游 专区</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="more">
            查看更多
        </div>
    </div>
    <div class="gift">
        <div class="hot-title">
            <h3>最新礼包</h3>
        </div>
        <div class="gift-list">
            <ul>
                <li><a href="">
                        <img src="./image/gift-1.jpg" alt="">
                        <h5>口袋妖怪复刻手游</h5>
                        <p>礼包总数：
                            <span>35</span>
                        </p>
                    </a></li>
                <li><a href="">
                        <img src="./image/gift-2.jpg" alt="">
                        <h5>九阴真经3D手游</h5>
                        <p>礼包总数：
                            <span>30</span>
                        </p>
                    </a></li>
                <li><a href="">
                        <img src="./image/gift-3.jpg" alt="">
                        <h5>梦幻西游手游</h5>
                        <p>礼包总数：
                            <span>15</span>
                        </p>
                    </a></li>
                <li><a href="">
                        <img src="./image/gift-4.jpg" alt="">
                        <h5>天堂2：血盟手游</h5>
                        <p>礼包总数：
                            <span>12</span>
                        </p>
                    </a></li>
            </ul>
        </div>
    </div>
    <!-- 礼包 -->
    <div class="bor bor-two">
        <div class="bor-one ">
            <img src="./image/gift-5.jpg" alt="">
            <h3>《刀剑少女2》 新手礼包</h3>
            <p>魔法卷*20，金币*50000，经验*10000</p>
            <p><span>7</span> 人领取，剩 <span>193</span>个</p>
        </div>
        <div class="bor-one">
            <img src="./image/gift-6.jpg" alt="">
            <h3>《修真江湖》 预约礼包</h3>
            <p>仙玉*50，灵石*1000，金系神兽蛋*1，五行内丹囊*1</p>
            <p><span>28</span>人领取，剩 <span>172</span>个</p>
        </div>
        <div class="bor-one">
            <img src="./image/gift-7.jpg" alt="">
            <h3>《神魔变》 至尊礼包</h3>
            <p>内功卷轴*3，羽毛*30，四倍经验(4小时)*1，副本卷轴*10，金砖(中)*1</p>
            <p><span>8</span> 人领取，剩 <span>192</span>个</p>
        </div>
        <div class="bor-one">
            <img src="./image/gift-8.jpg" alt="">
            <h3>《少年三国志2》 盛世公测礼包</h3>
            <p>极品经验书*10，培养丹*30，体力丹*2，中级装备随机箱*1</p>
            <p><span>98</span> 人领取，剩 <span>202</span>个</p>
        </div>
    </div>
    <!-- 攻略 教程 -->
    <div class="strategy">
        <div class="strategy-title">
            <div class="strategy-title-left">
                <span>手游教程</span>
            </div>
            <div class="strategy-title-right">
                <span>手游攻略</span>
            </div>
        </div>
        <div class="strategy-centent">
            <div class="strategy-centent-left">
                <a href="">
                    <img src="./upload/5.jpg" alt="">
                </a>
                <a href="">
                    <h3>小鸡宝宝考考你小明在国外饭店就餐但菜单上没有价格如何避免披宰</h3>
                    <p>小鸡宝宝考考你，小明在国外饭店就餐，但菜单上没有价格，如何避免披宰？这是支付宝蚂蚁庄园12月31号的问题。那么接下来，就…</p>
                </a>
            </div>
            <div class="strategy-centent-right">
                <a href="">
                    <img src="./upload/DNF.png" alt="">
                </a>
                <a href="">
                    <h3>DNF2020年国服版本发布会直播地址</h3>
                    <p>DNF2020年国服版本发布会在12月30号晚上开启，那么我们在哪里可以看直播呢？很多小伙伴还不是很清楚。那么接下来，就…</p>
                </a>
            </div>
            <div class="strategy-list">
                <ul>
                    <li>
                        <span>[应用教程] </span>
                        <a href="">2019快手年度总结在哪里看</a>
                    </li>
                    <li>
                        <span>[应用教程] </span>
                        <a href="">抖音回顾我的2019怎么制作</a>
                    </li>
                    <li>
                        <span>[手游教程] </span>
                        <a href="">《喵与筑》安卓什么时候公测</a>
                    </li>
                    <li>
                        <span>[手游教程] </span>
                        <a href="">《喵与筑》什么手机能玩</a>
                    </li>
                    <li>
                        <span>[应用教程] </span>
                        <a href="">人人正式回归社交是怎么回事</a>
                    </li>
                    <li>
                        <span>[手游教程] </span>
                        <a href="">《闪耀暖暖》联盟心愿红包怎么领取</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="more">
            查看更多
        </div>
    </div>
    <!-- 排行 -->
    <div class="ranking">
        <div class="hot-title">
            <div class="hot-title-left">
                <h3>排行榜</h3>
            </div>
            <div class="hot-title-right">
                <span>游戏</span>
                <span>应用</span>
            </div>
        </div>
        <div class="bor bor-three">
            <div class="bor-one">
                <img src="./image/ranking-1.jpg" alt="">
                <h3>阿瑞斯病毒</h3>
                <div><span>冒险</span><span>81.70MB</span></div>
                <p>没有了道德的枷锁，死亡与危险将常伴身侧</p>
            </div>
            <div class="bor-one">
                <img src="./image/ranking-2.jpg" alt="">
                <h3>一起来捉妖</h3>
                <div><span>冒险</span><span>1.10GB</span></div>
                <p>合纵连横，玩法多样</p>
            </div>
            <div class="bor-one">
                <img src="./image/ranking-3.jpg" alt="">
                <h3>一战神封</h3>
                <div><span>角色</span><span>551.1MB</span></div>
                <p>自由交易，日进斗金</p>
            </div>
            <div class="bor-one">
                <img src="./image/ranking-4.jpg" alt="">
                <h3>疏生传</h3>
                <div><span>角色</span><span>309.70MB</span></div>
                <p>热血厮杀，激情无限</p>
            </div>
            <div class="bor-one">
                <img src="./image/ranking-5.jpg" alt="">
                <h3>龙族幻想</h3>
                <div><span>角色</span><span>3.20GB</span></div>
                <p>精心设计的各种隐藏小彩蛋等你来发现</p>
            </div>
            <div class="bor-one">
                <img src="./image/ranking-7.jpg" alt="">
                <h3>屠龙霸主：裁决</h3>
                <div><span>角色</span><span>551.1MB</span></div>
                <p>带着兄弟一起攻掠天下成为最强沙城霸主</p>
            </div>
            <div class="bor-one">
                <img src="./image/ranking-6.jpg" alt="">
                <h3>全民斗西游</h3>
                <div><span>角色</span><span>193.MB</span></div>
                <p>精心设计的各种隐藏小彩蛋等你来发现</p>
            </div>
            <div class="bor-one">
                <img src="./image/ranking-8.jpg" alt="">
                <h3>跨越星弧</h3>
                <div><span>冒险</span><span>332.1MB</span></div>
                <p>握着武士刀冲锋陷阵，解决问题的方式永远不止一种</p>
            </div>
        </div>
    </div>
    <div class="hot-two phone-game">
        <div class="hot-title">
            <div class="hot-title-left">
                <h3>手机游戏</h3>
            </div>
            <div class="hot-title-right">
                <span>破解</span>
                <span>最新</span>
            </div>
        </div>
        <div class="hot-list">
            <ul>
                <li>
                    <a href="">
                        <img src="./upload/ipone-1.jpg" alt="">
                        <p>龙之怒吼</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/ipone-2.jpg" alt="">
                        <p>乱世枭雄</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/ipone-3.jpg" alt="">
                        <p>屠龙裁决</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/ipone-4.jpg" alt="">
                        <p>妖精的尾巴：魔导少年</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/ipone-5.jpg" alt="">
                        <p>玫血黑羊：RWBY</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/ipone-6.jpg" alt="">
                        <p>点我加一商店街</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/ipone-7.jpg" alt="">
                        <p>诸王黎明</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/ipone-8.jpg" alt="">
                        <p>时之扉：重启</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="label">
        <div class="hot-title">
            <h3>游戏标签</h3>
        </div>
        <div class="label-list">
            <ul>
                <li><a href="">竞赛</a></li>
                <li><a href="">自由技能</a></li>
                <li><a href="">涂色</a></li>
                <li><a href="">策略卡牌</a></li>
                <li><a href="">空间</a></li>
                <li><a href="">文艺</a></li>
                <li><a href="">创意</a></li>
                <li><a href="">虐心</a></li>
                <li><a href="">艺术</a></li>
                <li><a href="">几何</a></li>
                <li><a href="">视错觉</a></li>
                <li><a href="">幻想</a></li>
                <li><a href="">重力感应</a></li>
                <li><a href="">虚拟摇杆</a></li>
                <li><a href="">驾驶</a></li>
                <li><a href="">战机</a></li>
            </ul>
        </div>
    </div>
    <div class="link">
        <div class="hot-title">
            <h3>友情链接</h3>
        </div>
        <div class="link-centent">
            <a href="">我爱安卓网</a>
            <a href="">手机游戏</a>
            <a href="">66游戏网</a>
            <a href="">微安卓</a>
            <a href="">安软市场</a>
            <a href="">一刻</a>
            <a href="">游戏手游</a>
            <a href="">琵琶手游</a>
            <a href="">趣历史</a>
            <a href="">手机游戏</a>
            <a href="">51游戏</a>
            <a href="">手机游戏</a>
            <a href="">手机游戏下载</a>
            <a href="">4399游戏资讯</a>
            <a href="">手机游戏排行榜</a>
            <a href="">好玩的手机游戏</a>
            <a href="">美女左面壁纸</a>
            <a href="">经典台词</a>
            <a href="">手机游戏免费下载</a>
            <a href="">7k7k游戏</a>
        </div>
    </div>  
    <footer>
        <a href="">首页</a>
        <div>
            <a href="">手机版</a>
            <a href="">电脑版</a>

        </div>
        <a href="">TOP</a>
    </footer>
</body>

</html>